@charset "utf-8";

html { -webkit-text-size-adjust: none; }
body, dl, dt, dd, form, h1, h2, h3, h4, h5, h6, iframe, ol, p, ul, li, th, td { margin: 0; padding: 0; }
body { font: 12px/2 Tahoma, Helvetica, Arial, "宋体", sans-serif; }
a { color: #000; text-decoration: none; }
a:hover { color: #0066FF; text-decoration: underline; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: 600; }
iframe { display: block; }
img { border: none; vertical-align: middle; }
input, select, textarea, button { font-family: inherit; font-size: 100%; }
textarea { overflow-y: auto; }
label { cursor: pointer; }
ul { list-style: none; }
ol { list-style-position: inside; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
th { text-align: inherit; }
object { display: block; }
/* Reset */

.fl { float: left; }
.fr { float: right; }
.fl, .fr { _display: inline; }
.clear { clear: both; }
br.clear { clear: both; font-size: 1px; height: 0; line-height: 0; }
.fn-box:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.hand { cursor: pointer; }
.en { word-wrap: break-word; word-break: normal; }
.tl { text-align: left; }
.tc { text-align: center; }
.tr { text-align: right; }
.red { color: #F00; }
.blue { color: #00F; }
.yellow { color: #FF0; }
.green { color: #0F0; }
.orange { color: #F60; }
.gray { color: #666; }
.p10 { padding: 10px; }
.pt10 { padding-top: 10px; }
.pr10 { padding-right: 10px; }
.pb10 { padding-bottom: 10px; }
.pl10 { padding-left: 10px; }
.m10 { margin: 10px; }
.mr10 { margin-right: 10px; }
.mb10 { margin-bottom: 10px; }
.ml10 { margin-left: 10px; }
.layout { width: 100%; border-collapse: collapse; table-layout: fixed; }
.layout td { vertical-align: top; }
/* Base */

.kefu { position: fixed; top: 20%; right: 0; }
.kefu-side { width: 21px; height: 130px; background: url(image/kefu_side.png) no-repeat; cursor: pointer; }
.kefu-main { width: 122px; display: none; border: 1px solid #068bc6; border-radius: 3px; background: #fff url(image/kefu_mainTop.gif) repeat-x; }
.kefu-main-top { font-size: 14px; font-weight: bold; color: #FFF; height: 29px; line-height: 29px; padding-left: 10px; }
.kefu-main-body { padding-top: 160px; background: url(image/kefu.png) no-repeat center 6px; text-align: center; }
.kefu-main-body p { line-height: 20px; margin-bottom: 10px; }
.kefu-main-body ul { margin: 0; padding: 0; list-style: none; }
.kefu-main-body li { padding-bottom: 10px; }
/* Widget Kefu */

.product-list { padding: 20px 0 0 20px; }
.product-item { float: left; width: 162px; margin: 0 22px 22px 0; }
.product-img { width: 160px; height: 120px; border: solid 1px #ccc; }
.product-img:hover { border-color: #999; }
.product-name { text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
/* Model Product List */

.page { padding: 3px; margin: 3px; text-align: center; clear: both; }
.page a, .page span { padding: 2px 5px; margin: 2px; border-radius: 3px; }
.page a { border: 1px solid #aaaadd; color: #057a5d; }
.page a:hover { border: 1px solid #0058c4; color: #057a5d; }
.page span.current { color: #fff; border: 1px solid #057a5d; font-weight: bold; background: #057a5d; }
.page span.disabled { color: #ddd; border: 1px solid #eee; }
/* Model Page */

body { background: #ffd739; }
.wrap { width: 960px; margin: 0 auto 8px auto; overflow: hidden; background: #fff; border-radius: 0 0 10px 10px; }
.top { height: 90px; overflow: hidden; background: #057a5d url(image/top.jpg) no-repeat; }
.lang { float: right; padding-top: 10px; width: 116px; }
.lang a { display: block; height: 38px; width: 100px; }
.header { height: 150px; overflow: hidden; border-left: solid 1px #ccc; border-right: solid 1px #ccc; background: url(image/header.jpg) no-repeat; font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif; }
.header-left { width: 378px; height: 150px; float: left; padding-left: 110px; text-align: center; }
.header-title-cn { font-weight: 400; font-size: 24px; padding-top: 6px; }
.header-title-en { color: #F00; font-family: Georgia, "Times New Roman", Times, serif; margin-bottom: 6px; }
.header-right { height: 140px; float: right; padding-top: 5px; }
.header-right li { width: 108px; height: 138px; overflow: hidden; border: solid 1px #ddd; float: left; margin-right: 5px; position: relative; }
.header-right img { width: 100%; height: 100%; }
.hr-txt { line-height: 1; display: block; width: 100%; position: absolute; bottom: 0; left: 0; text-align: center; }
.center { width: 100%; border-collapse: collapse; table-layout: fixed; }
.side, .main { border: solid 1px #ccc; vertical-align: top; }
.side { width: 200px; }
.menu-item { border-top: 1px solid #CCCCCC; }
.menu-item-first { border-top: none; }
.menu-link { font-weight: bold; display: block; background: url("image/arrow.gif") no-repeat 10px center; padding: 2px 0 2px 20px; }
.submenu { padding: 0 0 8px 20px; }
.footer { color: #fff; text-align: center; padding: 10px; background: #057a5d url(image/footer.gif) no-repeat left bottom; }
.footer a { color: #fff; }
/* Common */

.content { padding: 20px; }
.message { margin-top: 30px; margin-bottom: 30px; }
label.error { color: #F00; padding-left: 10px; font-style: italic; }
